<template>
	<div class="header_icon_search_red clear">
		<div class="header_icon_left fl">
			<i class="iconfont icon-youquanlogozhuanhuan fl"></i>
			<span>友圈</span>
		</div>
		<div class="header_icon_search" @click="searchClick">
			<i class="iconfont icon-search_icon icon-sousuo"></i>
			<input type="text" :value="value" class="header_icon_search_text" placeholder="搜索" readonly>
		</div>
		<div class="header_icon_right fr" @click="gotobtn">
			<a href="javascript:void(0)"><i class="iconfont icon-gengduo"></i></a>
		</div>
	</div>
</template>
<script>
export default {
	data() {
		return {
			value: '',
		}
	},
	methods: {
		searchClick() {
			this.$emit('done');
		},
		gotobtn() {
			this.$emit('gobackdone');
		}
	},
	props: ['done','gobackdone']
	// props:{ // 子组件获取 父组件 数据
	// 		seller: {
	// 				type: String
	// 			}
	// 	}
	}
</script>
<style>
	.header_icon_search .icon-search_icon {
		font-size: 0.3rem !important;
	}
</style>
